<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="inc/public.inc" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<title>AAPay 费用分摊系统</title>
<link rel="shortcut icon" href="http://<%=request.getLocalAddr()%>:<%=request.getLocalPort()%><%=request.getContextPath()%>/favicon.ico" />
<link href="css/index.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="<%=basePath%>css/easyui/themes/gray/easyui.css">
	<link rel="stylesheet" type="text/css" href="<%=basePath%>css/easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="<%=basePath%>css/easyui/easyui/portal.css">
	
	<script type="text/javascript" src="<%=basePath%>js/jquery-1.6.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/jquery.portal.js"></script>
	<style>
	.portal{
	padding:0;
	margin:0;
	border:1px solid #99BBE8;
	overflow:auto;
}
.portal-noborder{
	border:0;
}
.portal-panel{
	margin-bottom:10px;
}
.portal-column-td{
	vertical-align:top;
}	
.portal-column{
	padding:10px 0 10px 10px;
	overflow:hidden;
}
.portal-proxy{
	opacity:0.6;
	filter:alpha(opacity=60);
}
.portal-spacer{
	border:3px dashed #eee;
	margin-bottom:10px;
}
</style>
<script>
		$(function(){
			$('#pp').portal({
				border:false,
				fit:true
			});
			$("").window({
			titile:'asdfasd',
			url:'<%=basePath %>expensesInfo/expensesList.jsp'
			});
			//add();
		});
		function add(){
			for(var i=0; i<3; i++){
				var p = $('<div/>').appendTo('body');
				p.panel({
					title:'Title'+i,
					content:'<div style="padding:5px;">Content'+(i+1)+'</div>',
					height:100,
					closable:true,
					collapsible:true
				});
				$('#pp').portal('add', {
					panel:p,
					columnIndex:i
				});
			}
			$('#pp').portal('resize');
		}
		function remove(){
			$('#pp').portal('remove',$('#pgrid'));
			$('#pp').portal('resize');
		}
	</script>
<style type="text/css">
		.title{
			
			padding:10px 10px;
			background:#eee;
			overflow:hidden;
			border-bottom:1px solid #ccc;
		}
		.t-list{
			padding:5px;
		}
</style>
</head>
<body>
<div region="north" class="title" border="false" style="height:40px;">
<div style="float:left;font-size:16px;font-weight:bold;">AA Pay 费用分摊系统</div>
<div style="float:right;">Welcome <%=userName %>!</div>	
	</div>

	<div region="center" border="false">
		<div id="pp" style="position:relative">
			<div style="width:30%;">
				<div title="时钟" style="text-align:center;background:#f3eeaf;height:150px;padding:5px;">
					<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100" height="100">
				      <param name="movie" value="http://www.respectsoft.com/onlineclock/analog.swf">
				      <param name=quality value=high>
				      <param name="wmode" value="transparent">
				      <embed src="http://www.respectsoft.com/onlineclock/analog.swf" width="100" height="100" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>

				    </object>
			    </div>
			    <div title="快捷入口" collapsible="true" closable="true" style="height:200px;padding:5px;">
			    	<div class="t-list"><a href="ExpensesInfoServlet.servlet?opt=toAddIndividualData">创建一笔个人费用</a></div>
			    	<div class="t-list"><a href="ExpensesInfoServlet.servlet?opt=toAddTeamData">创建一笔团体费用</a></div>
			    	<div class="t-list"><a href="ExpensesInfoServlet.servlet?opt=searchExpensesInfoList">查看费用信息</a></div>
			    	
			    	<div class="t-list"><a href="#">提交一笔团体结算</a></div>
			    	<div class="t-list"><a href="#">创建一个团体</a></div>
			    	<div class="t-list"><a href="#">编辑个人设置</a></div>
			    	<div class="t-list"><a href="#">查看费用统计</a></div>
			    </div>
			     <div title="费用记录" collapsible="true" closable="true" style="height:400px;padding:5px;" href="<%=basePath %>expensesInfo/expensesListIndexView.jsp">
			     	<!-- 
			    	<table class="easyui-datagrid" style="width:650px;height:auto"
							fit="true" border="false"
							singleSelect="true"
							idField="itemid" url="data/datagrid_data.json">
						<thead>
							<tr>
								<th field="itemid" width="80">所属团体</th>
								<th field="productid" width="120">备注</th>
								<th field="listprice" width="80" align="right">使用日期</th>
								<th field="unitcost" width="80" align="right">创建时间</th>
							</tr>
						</thead>
					</table>
					 -->
			    </div>
			</div>
			<div style="width:40%;">
				<div id="pgrid" title="个人消息中心" closable="true" style="height:300px;" href="<%=basePath %>message/messageList.jsp">
					
				</div>
				
			    <div title="结算列表" collapsible="true" closable="true" style="height:200px;padding:5px;">
			    	<table class="easyui-datagrid" style="width:650px;height:auto"
							fit="true" border="false"
							singleSelect="true"
							idField="itemid" url="data/datagrid_data.json">
						<thead>
							<tr>
								<th field="itemid" width="80">所属团体</th>
								<th field="listprice" width="80" align="right">开始日期</th>
								<th field="unitcost" width="80" align="right">结束日期</th>
								<th field="productid" width="120">备注</th>
								<th field="productid" width="120">参与人</th>
								<th field="productid" width="120">数据状态</th>
							</tr>
						</thead>
					</table>
			    </div>
			    
			    <div title="团体管理" collapsible="true" closable="true" style="height:200px;padding:5px;">
			    	<table class="easyui-datagrid" style="width:650px;height:auto"
							fit="true" border="false"
							singleSelect="true"
							idField="itemid" url="data/datagrid_data.json">
						<thead>
							<tr>
								<th field="itemid" width="80">所属团体</th>
								<th field="listprice" width="80" align="right">开始日期</th>
								<th field="unitcost" width="80" align="right">结束日期</th>
								<th field="productid" width="120">备注</th>
								<th field="productid" width="120">参与人</th>
								<th field="productid" width="120">数据状态</th>
							</tr>
						</thead>
					</table>
			    </div>
			</div>
			<div style="width:30%;">
				<div title="搜索" iconCls="icon-search" closable="true" style="height:80px;padding:10px;">

					<input class="easyui-searchbox">
				</div>
			    <div title="积分记录" collapsible="true" closable="true" style="height:200px;padding:5px;">
			    	<table class="easyui-datagrid" style="width:650px;height:auto"
							fit="true" border="false"
							singleSelect="true"
							idField="itemid" url="data/datagrid_data.json">
						<thead>
							<tr>
								<th field="itemid" width="80">积分类型</th>
								<th field="productid" width="120">积分金额</th>
								<th field="productid" width="120">记录时间</th>
								<th field="productid" width="120">操作</th>
							</tr>
						</thead>
					</table>
			    </div>
				<div title="最近三个月费用统计" closable="true" style="height:200px;text-align:center;">
					<img height="160" src="http://knol.google.com/k/-/-/3mudqpof935ww/ip4n5y/web-graph.png"></img>
				</div>
				
			</div>
		</div>
	</div>
<%-- 
<table width="100%" border="0" height=100% cellpadding="0" cellspacing="0" >
  <tr height=5% >
    <td colspan=3 valign="top">
    	<iframe id="top" name="top" width="100%" height="94" src="top.htm" noresize scrolling="no" framespacing="0" border="0" frameborder="0">
    		</iframe></td>
  </tr>
  <tr background="images/fooer.gif" height="20" >
  		 
    	
    	<td  colspan="3" align="right" background="images/fooer.gif" class="s4">
    			<span id='clock'  ></span>
    			 &nbsp; &nbsp;
    				<a href="javascript:history.back(-1)"><img src="images/back.gif" border="0"  width="15" height="15"/></a>
		          <a href="javascript:history.back(-1)">后退</a> 
		          <a href="javascript:history.forward()"><img src="images/forward.gif" border="0"  width="15" height="15"/></a>
		          <a href="javascript:history.forward()">前进</a> 
		          <img src="images/user_04.gif" width="2"  /> 
		          <a href="javascript:location.reload()"><img src="images/index.gif" border="0"  width="15" height="15"/></a> 
		           <a href="javascript:location.reload()">主页</a>
		           &nbsp; &nbsp;
		 </td>
  </tr>
  <tr height=100%>
    <td valign="top" width=17% id="menu">
    	<!-- src="indexleft.htm" -->
    	<iframe id="left" name="left" width=100% height=100% src="LeftTree.servlet" noresize scrolling="no" framespacing="0" border="0" frameborder="0">
    	</iframe>
    </td>
     <td bgcolor="#dcdcdc" width=3 align=center STYLE="word-wrap:break-word;cursor:hand" onclick="javascript:document.getElementById('menu').style.display=document.getElementById('menu').style.display=='none'?'block':'none';">....</td>
      
       
     
    <td valign="top"  align=left >
    	<iframe id="main"  name="main" width=100% height=100% src="main.htm" noresize scrolling="auto" framespacing="0" border="0" frameborder="0">
    	</iframe>
    </td>
  </tr>
</table>
--%>
</body>
</html>

